<!--
 * @Author      : ZhouQiJun
 * @Date        : 2025-08-09 03:55:52
 * @LastEditors : ZhouQiJun
 * @LastEditTime: 2025-08-10 21:25:28
 * @Description : 初始化 ol
-->
<script setup>
import TheSetupMap from './TheSetupMap.vue'
import TheSetupMapEmpty from './TheSetupMapEmpty.vue'
import TheUseMap from './TheUseMap.vue'
</script>

<template>
  <div class="TheInitMap h-full w-full">
    <TheSetupMapEmpty />
    <!-- useMap hook 初始化 -->
    <TheUseMap />
    <!-- setupMap 手动初始化 -->
    <TheSetupMap class="ml-1" />
  </div>
</template>

<style lang="scss">
.TheInitMap {
  // scss code
  display: flex;
  background-color: azure;
}
.ml-1 {
  margin-left: 4px;
}
</style>
